<template>
  <div class="list-container">

    <router-link to="/site/detail">
      <el-card v-for="item in 6">
        <template #header>
          商品-{{ item }}
        </template>
      </el-card>

    </router-link>



  </div>
</template>

<script>
export default {
  name: "List"
}
</script>

<style scoped>


.list-container {
  display: flex;
  flex-direction: row;
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
}
</style>